{extend name="common/main"}

{block name="css"}
<style>
    .lai{
        float: none;
        display:inline-block;
    }
</style>
{/block}

{block name="body"}
<body data-type="widgets">
{include file="common/index"}
<!-- 内容区域 -->
<!-- 内容区域 -->
<div class="tpl-content-wrapper">
    <div class="row-content am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <h3>设备</h3>
                <div class="widget am-cf">
                        <!--<a href="javascript:history.go(-1)" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="返回"><i class="fa fa-reply"></i></a>-->

                    <div class="widget-body  am-fr">
                        <div class="am-u-sm-12">
                            <table width="100%" class="am-table am-table-compact am-table-striped tpl-table-black " id="example-r">
                                <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>设备号</th>
                                    <th>IMEI登陆名</th>
                                    <th>IMEI号</th>
                                    <th>激活时间</th>
                                    <th>到期时间</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="gradeX">
                                    <td>1</td>
                                    <td>李晟灏</td>
                                    <td></td>
                                    <td>4700430068</td>
                                    <td>2016-09-26</td>
                                    <td>2018-09-26</td>
                                    <td>
                                        <div class="tpl-table-black-operation">
                                            <a>
                                                <i class="am-icon-pencil"></i> 修改
                                            </a>
                                            <button type="button" style="color: #e7505a;background-color: white;padding: 5px 6px;font-size: 12px;line-height: 12px;border: 1px solid #e7505a;" class="tpl-table-black-operation-del" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 400, height: 225}">到期时间</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="gradeX">
                                    <td>2</td>
                                    <td>孙旌桓</td>
                                    <td></td>
                                    <td>4700543114</td>
                                    <td>2017-04-27</td>
                                    <td>2118-04-03</td>
                                    <td>
                                        <div class="tpl-table-black-operation">
                                            <a>
                                                <i class="am-icon-pencil"></i> 修改
                                            </a>
                                            <button type="button" style="color: #e7505a;background-color: white;padding: 5px 6px;font-size: 12px;line-height: 12px;border: 1px solid #e7505a;" class="tpl-table-black-operation-del" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 400, height: 225}">到期时间</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="gradeX">
                                    <td>3</td>
                                    <td>wu</td>
                                    <td></td>
                                    <td>4700430049</td>
                                    <td>2017-04-27</td>
                                    <td>2118-04-03</td>
                                    <td>
                                        <div class="tpl-table-black-operation">
                                            <a>
                                                <i class="am-icon-pencil"></i> 修改
                                            </a>
                                            <button type="button" style="color: #e7505a;background-color: white;padding: 5px 6px;font-size: 12px;line-height: 12px;border: 1px solid #e7505a;" class="tpl-table-black-operation-del" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 400, height: 225}">到期时间</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="gradeX">
                                    <td>4</td>
                                    <td>孙文谦</td>
                                    <td></td>
                                    <td>470054319</td>
                                    <td>2017-04-27</td>
                                    <td>2118-04-03</td>
                                    <td>
                                        <div class="tpl-table-black-operation">
                                            <a>
                                                <i class="am-icon-pencil"></i> 修改
                                            </a>
                                            <button type="button" style="color: #e7505a;background-color: white;padding: 5px 6px;font-size: 12px;line-height: 12px;border: 1px solid #e7505a;" class="tpl-table-black-operation-del" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 400, height: 225}">到期时间</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="gradeX">
                                    <td>5</td>
                                    <td>舒心</td>
                                    <td></td>
                                    <td>4700430057</td>
                                    <td>2017-05-11</td>
                                    <td>2118-04-17</td>
                                    <td>
                                        <div class="tpl-table-black-operation">
                                            <a>
                                                <i class="am-icon-pencil"></i> 修改
                                            </a>
                                            <button type="button" style="color: #e7505a;background-color: white;padding: 5px 6px;font-size: 12px;line-height: 12px;border: 1px solid #e7505a;" class="tpl-table-black-operation-del" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 400, height: 225}">到期时间</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="gradeX">
                                    <td>6</td>
                                    <td>徐熙梧</td>
                                    <td></td>
                                    <td>4700431082</td>
                                    <td>2016-09-26</td>
                                    <td>2118-04-05</td>
                                    <td>
                                        <div class="tpl-table-black-operation">
                                            <a>
                                                <i class="am-icon-pencil"></i> 修改
                                            </a>
                                            <button type="button" style="color: #e7505a;background-color: white;padding: 5px 6px;font-size: 12px;line-height: 12px;border: 1px solid #e7505a;" class="tpl-table-black-operation-del" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 400, height: 225}">到期时间</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="gradeX">
                                    <td>7</td>
                                    <td>马悦</td>
                                    <td></td>
                                    <td>4700462542</td>
                                    <td>2018-04-27</td>
                                    <td>2119-04-03</td>
                                    <td>
                                        <div class="tpl-table-black-operation">
                                            <a>
                                                <i class="am-icon-pencil"></i> 修改
                                            </a>
                                            <button type="button" style="color: #e7505a;background-color: white;padding: 5px 6px;font-size: 12px;line-height: 12px;border: 1px solid #e7505a;" class="tpl-table-black-operation-del" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 400, height: 225}">到期时间</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="gradeX">
                                    <td>8</td>
                                    <td>刘子颜</td>
                                    <td></td>
                                    <td>4700430015</td>
                                    <td>2018-04-26</td>
                                    <td>2018-09-26</td>
                                    <td>
                                        <div class="tpl-table-black-operation">
                                            <a>
                                                <i class="am-icon-pencil"></i> 修改
                                            </a>
                                            <button type="button" style="color: #e7505a;background-color: white;padding: 5px 6px;font-size: 12px;line-height: 12px;border: 1px solid #e7505a;" class="tpl-table-black-operation-del" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 400, height: 225}">到期时间</button>
                                        </div>
                                    </td>
                                </tr>
                                <!-- more data -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="am-u-lg-12 am-cf">

                        <div class="am-fr">
                            <ul class="am-pagination tpl-pagination">
                                <li class="am-disabled"><a href="#">«</a></li>
                                <li class="am-active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">»</a></li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

</body>
{/block}

{block name="js"}
{/block}